<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>新浪微博导航界面</title>
    <link rel="stylesheet" href="index.css">
</head>

<body>
    <header>
        <h1>新浪导航页</h1>
    </header>
    <section class="main">
        <div class="center-nav">
            <ul>
                <li class="item">
                    <img src="./images/baidu.png" alt="" / width="32px;" height="32px;"></br>百度
                </li>
                <li class="item">
                    <img src="./images/fwangyi.png" alt="" / width="32px;" height="32px;"></br>网易
                </li>
                <li class="item">
                    <img src="./images/fsina.png" alt="" / width="32px;" height="32px;"></br>新浪
                </li>
                <li class="item">
                    <img src="./images/ftaobao.png" alt="" / width="32px;" height="32px;"></br>淘宝
                </li>
                <li class="item">
                    <img src="./images/ftianmao.png" alt="" / width="32px;" height="32px;"></br>天猫
                </li>
                <li class="item">
                    <img src="./images/f58.png" alt="" / width="32px;" height="32px;"></br>招聘
                </li>
                <li class="item">
                    <img src="./images/ftrip.png" alt="" / width="32px;" height="32px;"></br>携程
                </li>
                <li class="item">
                    <img src="./images/fshop.png" alt="" / width="32px;" height="32px;"></br>我买网
                </li>
                <li class="item">
                    <img src="./images/hotel.png" alt="" / width="32px;" height="32px;"></br>折800
                </li>
                <li class="item">
                    <img src="./images/hotel.png" alt="" / width="32px;" height="32px;"></br>折800
                </li>
                <div class="clear" style="clear: both"></div>
                </ul>
</div>
<div class="urls-nav">
    <ul class="urls">
        <li class="url stro"><a href="#">新闻</a></li>
        <li class="url"><a href="#">房产资讯</a></li>
        <li class="url"><a href="#">新浪</a></li>
        <li class="url"><a href="#">网易</a></li>
        <li class="url"><a href="#">腾讯</a></li>
        <div class="clear" style="clear: both"></div>
</ul>
<ul class="urls">
    <li class="url stro"><a href="#">财经</a></li>
    <li class="url"><a href="#">东方</a></li>
    <li class="url"><a href="#">和讯</a></li>
    <li class="url"><a href="#">新浪</a></li>
    <li class="url"><a href="#">凤凰</a></li>
    <div class="clear" style="clear: both"></div>
</ul>
<ul class="urls">
    <li class="url stro"><a href="#">汽车</a></li>
    <li class="url"><a href="#">二手车</a></li>
    <li class="url"><a href="#">新浪汽车</a></li>
    <li class="url"><a href="#">汽车之家</a></li>
    <li class="url"><a href="#">太平洋</a></li>
    <div class="clear" style="clear: both"></div>
</ul>
</div>
</section>
<footer>
    <div class="footer-nav">
        <ul class="footer-nav-urls">
            <li><a href="#">首页</a></li>
            <li><a href="#">新闻</a></li>
            <li><a href="#">体育</a></li>
            <li><a href="#">娱乐</a></li>
            <li><a href="#">导航</a></li>
            <div class="clear" style="clear: both"></div>
        </ul>
    </div>
    <p>
        .合作</br>
        Copyright 2016 sina.com</p>
</footer>
</body>

</html>